const path = require('path')
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'build.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        rules: [
            // {
            // test: /\.css$/, // 一般就是一个正则表达式，用于匹配我们需要处理的文件类型
            // use: [{
            //     loader: 'css-loader',
            //     // options: 
            // }]
            // }
            // { // 简写
            //     test: /\.css$/,
            //     loader: 'css-loader'
            // }
            {
                test: /\.css$/,
                use: [
                        'style-loader',
                        // 'css-loader',
                        {
                            loader: 'css-loader', // 解决@import导致不能实现前缀
                            options: {
                                importLoaders: 1, // 1代表往前找一个loader
                                esModule: false
                            }
                        },
                        'postcss-loader'
                        // {
                        //         loader: 'postcss-loader',
                        //         options: {
                        //             postcssOptions: {
                        //                 plugins: [
                        //                     // require('autoprefixer'),
                        //                     // require('postcss-preset-env')
                        //                     'postcss-preset-env'
                        //                 ]
                        //             }
                        //         }
                        // }
                    ] // 执行方式从上往下或者从右往左
            },
            {
                test: /\.less$/,
                use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'] // 执行方式从上往下或者从右往左
            },
            {
                test: /\.(png|svg|gif|jpe?g)$/,
                use: ['file-loader']
            }
        ]
    }
}